<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>示範案例｜ILSOCW</title>
<style type="text/css">
<!--
body {
	margin-left: 200px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
-->
</style>
<link href="css/header.css" rel="stylesheet" type="text/css" />
<link href="css/text_btn.css" rel="stylesheet" type="text/css" />
<link href="css/top_banner.css" rel="stylesheet" type="text/css" />
<link href="css/bottom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
  var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == "init" && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
    } }
  } else if (event == "over") {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
      nbArr[nbArr.length] = img;
    }
  } else if (event == "out" ) {
    for (i=0; i < document.MM_nbOver.length; i++) {
      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == "down") {
    nbArr = document[grpName];
    if (nbArr)
      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
      nbArr[nbArr.length] = img;
  } }
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<link href="css/main_about.css" rel="stylesheet" type="text/css" />
<link href="css/second_manu.css" rel="stylesheet" type="text/css" />
<link href="css/content.css" rel="stylesheet" type="text/css" />

<style type="text/css">
<!--
#apDiv1 {
	position:absolute;
	width:82px;
	height:78px;
	z-index:1;
	left: 337px;
	top: 287px;
}
#apDiv2 {
	position:absolute;
	width:167px;
	height:22px;
	z-index:2;
	left: 874px;
	top: 793px;
}
#apDiv3 {
	position:absolute;
	width:40px;
	height:20px;
	z-index:3;
	left: 1014px;
	top: 1px;
}
#apDiv4 {
	position:absolute;
	width:82px;
	height:33px;
	z-index:4;
	left: 726px;
	top: 226px;
}
#apDiv5 {
	position:absolute;
	width:169px;
	height:33px;
	z-index:5;
	left: 850px;
	top: 227px;
}

#header-search input.searchbox {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #8e8e8e;
	background-color:#f5f5f5;
	height:12px;
	padding-right:28px;
	color:#4a4a4a;
	float:left;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: -2px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	width: 135px;
 }

#header-search input.button{
    border:0;
    padding:0;
    margin:0 0 0 -24px;
    width:24px;
    height:24px;
    background:url('images/search_btn.jpg') center center  no-repeat;
    float:left;
}

-->
</style>
<link href="css/main_Scity.css" rel="stylesheet" type="text/css" />
</head>

<body onload="MM_preloadImages('images/index_visit_03.jpg','images/index_visit_04.jpg','images/index_visit_05.jpg','images/index_visit_06.jpg','images/index_visit_07.jpg','images/index_visit_08.jpg','images/about/about_2_23.jpg','images/about/about_21.jpg','images/city/Scity_2_23.jpg','images/city/Scity_2_24.jpg','images/city/Scity_2_27.jpg','images/city/Scity_2_21.jpg')">
<div class="header"><img src="images/index_visit_01.jpg" width="900" height="188" />
<div id="apDiv3"><img src="images/CH_btn.jpg" width="20" height="20" /><img src="images/ENG_btn.jpg" width="20" height="20" /></div></div>
<div class="text_btn"><img src="images/index_visit_02.jpg" width="82" height="36" /><a href="index_visitor.html" target="_top" onclick="MM_nbGroup('down','group1','home','',1)" onmouseover="MM_nbGroup('over','home','images/index_visit_03.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/900_ILSOCW-0717_03.jpg" alt="" name="home" width="62" height="36" border="0" id="home" onload="" /></a><a href="about.html" target="_top" onclick="MM_nbGroup('down','group1','about','',1)" onmouseover="MM_nbGroup('over','about','images/index_visit_04.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/900_ILSOCW-0717_04.jpg" alt="" name="about" width="91" height="36" border="0" id="about" onload="" /></a><a href="Scity.html" target="_top" onclick="MM_nbGroup('down','group1','Scity','',1)" onmouseover="MM_nbGroup('over','Scity','images/index_visit_05.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/900_ILSOCW-0717_05.jpg" alt="" name="Scity" width="111" height="36" border="0" id="Scity" onload="" /></a><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','Sbuilding','',1)" onmouseover="MM_nbGroup('over','Sbuilding','images/index_visit_06.jpg','',1)" onmouseout="MM_nbGroup('out')"><a href="Sbuilding.html" target="_top" onclick="MM_nbGroup('down','group1','Sbuilding','',1)" onmouseover="MM_nbGroup('over','Sbuilding','images/index_visit_06.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/900_ILSOCW-0717_06.jpg" alt="" name="Sbuilding" width="111" height="36" border="0" id="Sbuilding" onload="" /></a></a><a href="Shome.html" target="_top" onclick="MM_nbGroup('down','group1','Shome','',1)" onmouseover="MM_nbGroup('over','Shome','images/index_visit_07.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/900_ILSOCW-0717_07.jpg" alt="" name="Shome" width="111" height="36" border="0" id="Shome" onload="" /></a><a href="Scitizen.html" target="_top" onClick="MM_nbGroup('down','group1','Scitizen','',1)" onMouseOver="MM_nbGroup('over','Scitizen','images/index_visit_08.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img name="Scitizen" src="images/900_ILSOCW-0717_08.jpg" border="0" alt="" onLoad="" /></a><img src="images/index_visit_09.jpg" width="222" height="36" /></div>
<div class="top_banner">
  <div id="apDiv4"><img src="images/index_visit_11.jpg" width="35" height="33" /><img src="images/index_visit_12.jpg" width="47" height="33" /></div>
<div id="apDiv5"><form id="header-search">
<input type="text" class="searchbox" /><input type="submit" class="button" value="" /></div>
</div>


<div class="main_Scity">
  <div id="apDiv1"><a href="Scity_01.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image20','','images/city/Scity_2_21.jpg',1)"><img src="images/city/Scity_2_21.jpg" name="Image20" width="79" height="20" border="0" id="Image20" /></a><a href="Scity_02.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image17','','images/city/Scity_2_23.jpg',1)"><img src="images/city/Scity_23.jpg" name="Image17" width="80" height="19" border="0" id="Image17" /></a><a href="Scity_03.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image18','','images/city/Scity_2_24.jpg',1)"><img src="images/city/Scity_24.jpg" name="Image18" width="80" height="20" border="0" id="Image18" /></a><a href="Scity_04.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image19','','images/city/Scity_2_27.jpg',1)"><img src="images/city/Scity_27.jpg" name="Image19" width="80" height="19" border="0" id="Image19" /></a></div>
  <div class="content" style="overflow:scroll"><img src="images/sub/C_1.jpg" width="582" height="2003" /></div>
  <div id="apDiv2"><img src="images/sub_like.png" width="59" height="22" /><img src="images/sub_repin.png" width="48" height="22" /><img src="images/sub_post.png" width="60" height="22" /></div>
</div>

<div class="bottom"><img src="images/index_visit_28.jpg" width="900" height="55" /></div>
</body>
</html>